<!-- edu_10_1_5.html -->
<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus®">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <title>多行三行模式布局</title>
    <link rel="stylesheet" href="/HTML/css/layout.css" type="text/css">
</head>

<body>
    <!-- 網頁内容的容器 -->
    <div id="container" class="">
        <!-- 第一行的div -->
        <div id="header" class="">
            <!-- 第一行又分成2行 -->
            <div id="logo" class="">logo</div>
            <div id="nav" class="">
                <ul>
                    <li><a href="/">首页</a></li>
                    <li><a href="/html/intro.html">期刊介绍</a></li>
                    <li><a href="/html/editorial_board.html">编委会/董事会</a></li>
                    <li><a href="/html/faq.html">常见问题及解答</a></li>
                    <li><a href="/html/downloads.html">常用文档下载</a></li>
                    <li><a href="/html/subscribe.html">订阅</a></li>
                    <li><a href="/article/01-index.html">过刊浏览</a></li>
                    <li><a href="/article/02-index.html">优先出版</a></li>
                </ul>                
            </div>
        </div>
        <!-- 第二行的div -->
        <div id="main" class="">
            <!-- 第二行又分成3列 -->
             <!-- 1列-->
            <div id="left" class="">
                <div id="left_up_1" class="">left_up_1</div>
                <div id="left_up_2" class="">left_up_2</div>
                <div id="left_down_1" class="">left_down_1</div>
                <div id="left_down_2" class="">left_down_2</div>
            </div>
             <!-- 2列-->
            <div id="center" class="">
                <div id="center_up" class="">center_up</div>
                <div id="center_down" class="">center_down</div>
            </div>
             <!-- 3列-->
            <div id="right" class="">
                <div id="right_up" class="">right_up</div>
                <div id="right_down" class="">right_down</div>
            </div>
        </div>
        <!-- 第三行的div -->
        <div id="footer" class="">footer</div>
    </div>
</body>

</html>